<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>历史韵味</title>
    <link rel="stylesheet" href="../../resources/lib/bootstrap/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="../../resources/backstory/css/backtory.css">
    <link rel="stylesheet" href="../../resources/index/css/style1.css"/>

    <link href="../../resources/index/css/snow.css" rel="stylesheet" type="text/css" media="all" />
    <link rel="stylesheet" type="text/css" href="../../resources/backstory/css/style.css">
    <script style="text/javascript" src="../../resources/lib/jQuery/jquery-3.1.1.js"></script>
    <script type="text/javascript" src="../../resources/index/js/index.js"></script>
</head>
<body>
<div class="" style="background:#fff6f4;!important;z-index: 100;margin-top: 0px;">
    <div class="col-md-2">
        <img style="height:68px;width: 100%" src="../../resources/index/img/logo.png" alt=""/>
    </div>
    <!-- 代码 开始 -->
    <div id="menu2" class="menu col-md-7">
        <ul>
            <li><a  href="../index/index.html">首 页</a ></li>
            <li><a href="../scenicSpotIntroduction/scenicSpotIntroduction.html">特色景点</a></li>
            <li><a href="../gourmetHotel/gourmetHotel.html">住宿餐饮</a></li>
            <li><a href="../tourRoute/tourRoute.html">旅游导览</a></li>
            <li><a href="../backstory/backstory.html">背景故事</a></li>
            <li><a href="../aboutUs/aboutUs.html">关于我们</a></li>
            <li><a href="../travel-note/travel-note.html">游记</a></li>
        </ul>
        <div class="cls"></div>
    </div>
    <!-- 代码 结束 -->


    <div class="col-md-3 col-sm-3 col-lg-3 col-xs-12">
        <div id="weather" onmouseover="weatherView()" onmouseout="weatherViewRemove()" style="z-index: 100;position: absolute">

            地点：<span id="currentCity"></span>
            当前日期：<span id="date"></span><br/>
            天气：
            <span id="today_weather" class="weahter"></span>
            <img id="today_day" src=""/>
            <img id="today_night" src=""/>
            <div class="nextDay">
                明天：
                <span id="tomorrow_date"></span><br/>
                <img id="tomorrow_day" src=""/>
                <img id="tomorrow_night" src=""/>
                <span id="tomorrow_weather" class="weahter"></span>
                <span id="tomorrow_temperature" class="weahter"></span>
            </div>
            <div class="nextDay">
                后天：
                <span id="tomorrowAfter_date"></span><br/>
                <img id="tomorrowAfter_day" src=""/>
                <img id="tomorrowAfter_night" src=""/>
                <span id="tomorrowAfter_weather" class="weahter"></span>
                <span id="tomorrowAfter_temperature" class="weahter"></span>
            </div>
        </div>
    </div>
</div>
<div class="snow-container">
    <div class="snow foreground"></div>
    <div class="snow foreground layered"></div>
    <div class="snow middleground"></div>
    <div class="snow middleground layered"></div>
    <div class="snow background"></div>
    <div class="snow background layered"></div>
</div>
<!--上面背景图-->
<div class="col-md-10 col-md-offset-1 poem">

    <ul class="poem-ul col-md-4 col-md-offset-8">
        <li class="col-md-1">艽野留香</li>
        <li class="col-md-1 col-md-offset-1">所谓伊人</li>
        <li class="col-md-1 col-md-offset-1">白露为霜</li>
        <li class="col-md-1 col-md-offset-1">蒹葭苍苍</li>
    </ul>
</div>

<div class="container col-md-12">
    <div class="container mt50 col-md-12">
        <div class="row">
            <div class="col-md-4 col-sm-6">
                <div class="box">
                    <img src="../../resources/backstory/img/chen.jpg" alt="">
                    <div class="over-layer">
                        <h3 class="title">陈渠珍</h3>
                        <p class="description">

                            陈渠珍（1882－1952），号玉鍪，祖籍江西，后迁入凤凰。16岁入沅水校经堂读书，1906年毕业于湖南武备学堂，任职于湖南新军。
                            曾加入同盟会。是一位经历汉藏传奇婚恋，写出《艽野尘梦》这种痛彻心扉爱情的传奇官人，一位九十多年前就已徒步穿越青藏高原
                            的奇人，他就是与民国总理的熊希龄、著名文人沈从文并称凤凰三杰的湘西王。
                        </p>
                        <ul class="social-links">
                            <li><a href="#" class="fa fa-download"></a></li>
                            <li><a href="#" class="fa fa-link"></a></li>
                            <li><a href="#" class="fa fa-search"></a></li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="col-md-4 col-sm-6">
                <div class="box">
                    <img src="../../resources/backstory/img/ji.jpg" alt="">
                    <div class="over-layer">
                        <h3 class="title">姬西原</h3>
                        <p class="description">
                            姬西原，西藏人也。藏俗无姓氏，称以其名。姬生凯浪，来归于德摩，殡于陕西西安，埋骨于湖南凤凰。其卒在归后三年，其葬于
                            卒后十四年，其病以积瘁不治。藏俗尚骑射，西原能驰怒马，俯拔卓地竿之球。又尝去百步射，不失鹄。清宣统二年，予从军入藏，
                            西原来侍，闺去有礼意。越年，予以偏师战八浪登，战纳衣当噶。两赖西原之力，脱予于险。
                        </p>
                        <ul class="social-links">
                            <li><a href="#" class="fa fa-download"></a></li>
                            <li><a href="#" class="fa fa-link"></a></li>
                            <li><a href="#" class="fa fa-search"></a></li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="col-md-4 col-sm-6">
                <div class="box">
                    <img src="../../resources/backstory/img/he.jpg" alt="">
                    <div class="over-layer">
                        <h3 class="title">故事简介</h3>
                        <p class="description">
                            穷困一个男人的西藏往事，在他走出羌塘24年后。那里有着雪山草地的雄奇辽远，有着惊险疲倦的异域征
                            伐，有着九死一生的漫长归途。
                            她没有犹豫，因为他是她俗世中的“神”与“信仰”。
                            男人与女人辗转流落到西安，在此等潦倒。
                            一个藏族女孩在乱世中死去，她短暂的一生难道就是为了那场美丽的遇见，以及对于这个汉族男人生死一线间的守护？</p>
                        <ul class="social-links">
                            <li><a href="#" class="fa fa-download"></a></li>
                            <li><a href="#" class="fa fa-link"></a></li>
                            <li><a href="#" class="fa fa-search"></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="col-md-12" style="text-align: center;height: 80px;font-size: 18px;background: pink">
    <div style="margin-top: 30px">
        <span>&copy;四川旅游学院信息与工程学院2017-2018&nbsp;|&nbsp; 地址：四川省成都市龙泉驿区红岭路459号&nbsp; | &nbsp;邮编：610100 </span>

    </div>

</div>
</body>
</html>